<template>
  <Header>
    <Menu mode="horizontal" theme="dark" active-name="1">
      <div class="layout-logo">
        Brave-Y
      </div>
      <div class="layout-nav">
        <MenuItem name="/" to="/">
          <Icon type="ios-navigate" />
          首页
        </MenuItem>
        <MenuItem name="/news" to="news">
          <Icon type="ios-keypad" />
          动态
        </MenuItem>
        <MenuItem name="/conten" to="/content">
          <Icon type="ios-analytics" />
          联系我
        </MenuItem>
      </div>
    </Menu>
  </Header>
</template>

<script>
export default {
  data () {
    return {
      active: this.$route.path
    }
  }
}
</script>

<style lang="less" scoped>
.line{
    line-height: 60px;
}
</style>
